﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="customerCheckOut.aspx.cs" Inherits="SWENAssignment.customerCheckOut" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">

        .auto-style2 {
            width: 950px;
            height: 208px;
        }
        .auto-style3 {
            height: 30px;
            width: 249px;
        }
        .auto-style5 {
            height: 30px;
            width: 80px;
        }
        .auto-style6 {
            width: 80px;
        }
        .auto-style4 {
            height: 23px;
            width: 249px;
        }
        .auto-style7 {
            height: 23px;
            width: 80px;
        }
        .auto-style1 {
            width: 100%;
        }
        .auto-style8 {
            height: 23px;
            text-decoration: underline;
            width: 249px;
        }
        .auto-style9 {
            height: 30px;
            width: 360px;
        }
        .auto-style10 {
            height: 23px;
            width: 360px;
        }
        .auto-style11 {
            width: 249px;
        }
    </style>
</head>
<body style="background-color: #CCFFCC">
    <form id="form1" runat="server">
    <div>
    
        <table class="auto-style1">
            <tr>
                <td colspan="4">
                <img alt="banner" class="auto-style2" src="Images/jjw-dona-filipa-hotel-home-banner-01.jpg" /></td>
            </tr>
            <tr>
                <td colspan="4"><strong>WELCOME TO DELONIX REGIA HOTEL MANAGEMENT SYSTEM</strong></td>
            </tr>
            <tr>
                <td colspan="4">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="4">Check-Out Booking</td>
            </tr>
            <tr>
                <td colspan="4">&nbsp;</td>
            </tr>
            <tr>
                <td class="auto-style3">Enter Booking ID:</td>
                <td class="auto-style9">
                    <asp:TextBox ID="tbxBookingID" runat="server"></asp:TextBox>
                </td>
                <td class="auto-style9">
                    <asp:Button ID="btnSearch" runat="server" style="margin-left: 0px" Text="Search" OnClick="btnSearch_Click" />
                </td>
                <td class="auto-style5"></td>
            </tr>
            <tr>
                <td class="auto-style11">&nbsp;</td>
                <td class="auto-style6" colspan="3">&nbsp;</td>
            </tr>
            <tr>
                <td class="auto-style4">Room Level:</td>
                <td class="auto-style7" colspan="3">
                    <asp:Label ID="lblRoomLevel" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="auto-style11">Room Number:</td>
                <td class="auto-style6" colspan="3">
                    <asp:Label ID="lblRoomNumber" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="auto-style4">Room Category:</td>
                <td class="auto-style7" colspan="3">
                    <asp:Label ID="lblRoomCat" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="auto-style4">Check-In date:</td>
                <td class="auto-style7" colspan="3">
                    <asp:Label ID="lblCheckInDate" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="auto-style4">Check-Out date:</td>
                <td class="auto-style7" colspan="3">
                    <asp:Label ID="lblCheckOutDate" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="auto-style4">Number of Rooms:</td>
                <td class="auto-style7" colspan="3">
                    <asp:Label ID="lblNumberOfRooms" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="auto-style4"></td>
                <td class="auto-style7" colspan="3"></td>
            </tr>
            <tr>
                <td class="auto-style8"><strong>Payment (ONLY Credit Card)</strong></td>
                <td class="auto-style7" colspan="3"></td>
            </tr>
            <tr>
                <td class="auto-style4">Last Name:</td>
                <td class="auto-style7" colspan="3">
                    <asp:TextBox ID="tbxLastName" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style4">First Name:</td>
                <td class="auto-style7" colspan="3">
                    <asp:TextBox ID="tbxFirstName" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style4">Total Price:</td>
                <td class="auto-style7" colspan="3">
                    <asp:Label ID="Label12" runat="server" Text=" "></asp:Label>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style4">Credit Card Number:</td>
                <td class="auto-style7" colspan="3">
                    <asp:TextBox ID="tbxCreditCardNumber" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style4">Payment Type:</td>
                <td class="auto-style7" colspan="3">&nbsp;<asp:DropDownList ID="ddlPaymentType" runat="server">
                    <asp:ListItem>VISA</asp:ListItem>
                    <asp:ListItem>MasterCard</asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td class="auto-style4">Expiry Date:</td>
                <td class="auto-style10">
                    <asp:DropDownList ID="ddlDate" runat="server">
                        <asp:ListItem>1</asp:ListItem>
                        <asp:ListItem>2</asp:ListItem>
                        <asp:ListItem>3</asp:ListItem>
                        <asp:ListItem>4</asp:ListItem>
                        <asp:ListItem>5</asp:ListItem>
                        <asp:ListItem>6</asp:ListItem>
                        <asp:ListItem>7</asp:ListItem>
                        <asp:ListItem>8</asp:ListItem>
                        <asp:ListItem>9</asp:ListItem>
                        <asp:ListItem>10</asp:ListItem>
                        <asp:ListItem>11</asp:ListItem>
                        <asp:ListItem>12</asp:ListItem>
                        <asp:ListItem>13</asp:ListItem>
                        <asp:ListItem>14</asp:ListItem>
                        <asp:ListItem>15</asp:ListItem>
                        <asp:ListItem>16</asp:ListItem>
                        <asp:ListItem>17</asp:ListItem>
                        <asp:ListItem>18</asp:ListItem>
                        <asp:ListItem>19</asp:ListItem>
                        <asp:ListItem>20</asp:ListItem>
                        <asp:ListItem>21</asp:ListItem>
                        <asp:ListItem>22</asp:ListItem>
                        <asp:ListItem>23</asp:ListItem>
                        <asp:ListItem>24</asp:ListItem>
                        <asp:ListItem>25</asp:ListItem>
                        <asp:ListItem>26</asp:ListItem>
                        <asp:ListItem>27</asp:ListItem>
                        <asp:ListItem>28</asp:ListItem>
                        <asp:ListItem>29</asp:ListItem>
                        <asp:ListItem>30</asp:ListItem>
                        <asp:ListItem>31</asp:ListItem>
                    </asp:DropDownList>
                    <asp:DropDownList ID="ddlMnth" runat="server">
                        <asp:ListItem>Jan</asp:ListItem>
                        <asp:ListItem>Feb</asp:ListItem>
                        <asp:ListItem>Mar</asp:ListItem>
                        <asp:ListItem>Apr</asp:ListItem>
                        <asp:ListItem>May</asp:ListItem>
                        <asp:ListItem>Jun</asp:ListItem>
                        <asp:ListItem>Jul</asp:ListItem>
                        <asp:ListItem>Aug</asp:ListItem>
                        <asp:ListItem>Sep</asp:ListItem>
                        <asp:ListItem>Oct</asp:ListItem>
                        <asp:ListItem>Nov</asp:ListItem>
                        <asp:ListItem>Dec</asp:ListItem>
                    </asp:DropDownList>
                    <asp:TextBox ID="tbxYear" runat="server" Width="98px"></asp:TextBox>
                </td>
                <td class="auto-style10">&nbsp;</td>
                <td class="auto-style7">&nbsp;</td>
            </tr>
            <tr>
                <td class="auto-style4">&nbsp;</td>
                <td class="auto-style7" colspan="3">&nbsp;</td>
            </tr>
            <tr>
                <td class="auto-style4">&nbsp;</td>
                <td class="auto-style7" colspan="3">
                    <asp:Button ID="Button1" runat="server" Text="Proceed Payment" OnClick="Button1_Click" />
                </td>
            </tr>
            <tr>
                <td class="auto-style4"></td>
                <td class="auto-style7" colspan="3">
                    <asp:Label ID="lblSuccessfulPayment" runat="server"></asp:Label>
                </td>
            </tr>
        </table>
    
    </div>
    </form>
</body>
</html>
